<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>调整库存</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_order_detail.css" />
    <link rel="stylesheet" type="text/css" href="css/order_detail_edit.css" />
    <style>
        .topbg{
            width: 100%;
            margin: 0px;
            padding: 0px;
            height: 50px;
            background: #1a66ff;
            position: relative;
        }
        .yf_item{
            height: 2.8rem;
            line-height: 2.8rem;
        }
        .yf_itemtitle{
            line-height: 2.8rem;
        }
        .yf_iteminput input{
            height: 2.8rem;
            line-height: 2.8rem;
        }
        .yf_itemtitle span.shuoming{
            border:solid 0.5px #1a66ff;
            color: #1a66ff;
            height: 1.1rem;
            line-height: 1.1rem;
            border-radius: 3px;
            padding: 0px 6px;
            font-size: 0.6rem;
            margin-left: 10px;
        }
        .yf_itemtitle span.shuoming.red{
            border:solid 0.5px #ff661a;
            color: #ff661a;
        }
        .yf_iteminput label{
            margin-left: 15px;
            margin-right: 5px;
            font-size: 0.75rem;
            color: #424242;
        }
    </style>
</head>

<body>
    <div class="topbg"></div>
    <div id="app" v-cloak style="position: absolute; top: 0px;">
        
        <div class="bodymain" >
            <div class="order_detail">
                <div class="order_product">
                    <ul class="aui-list aui-media-list" style="background-size:100% 0px;">
                        <li class="aui-list-item">
                            <div class="aui-media-list-item-inner">
                                <div class="aui-list-item-media">
                                    <img :src="form.CoverImage" />
                                </div>
                                <div class="aui-list-item-inner" style="width: 100%;">
                                    <div class="pro-list-item-title aui-ellipsis-2">
                                       {{form.Name}}
                                    </div>
                                    <div class="pro_dis color9">
                                        商品分类：{{form.CategoryName}}
                                    </div>
                                    <div class="pro_dis color9">
                                        型号名称：{{form.TypeTitle}}
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    
                </div>
                <div class="or_detail_main" style="padding-top: 0px;">
                    <div class="yf_item" style="border-bottom: solid 0.5px #eee;">
                        <div class="yf_itemtitle  fl">安全库存</div>
                        <div class="yf_iteminput fr">
                            <input type="text" v-model="form.SafeStock" readonly unselectable="on">
                        </div>
                    </div>
                    <div class="yf_item" style="border-bottom: solid 0.5px #eee;">
                        <div class="yf_itemtitle fl" style="width: 60%;">当前库存
                            <span v-if="form.Stock>form.SafeStock" class="shuoming">库存充足</span>
                            <span v-if="form.Stock<=form.SafeStock" class="shuoming red">库存不足</span>
                        </div>
                        <div class="yf_iteminput fr" style="width: 39%;">
                            <input type="text" v-model="form.Stock" readonly unselectable="on">
                        </div>
                    </div>
                    <div class="yf_item" style="border-bottom: solid 0.5px #eee;">
                        <div class="yf_itemtitle  fl">调整方式</div>
                        <div class="yf_iteminput fr">
                            <label class="label-radio">
                                <input class="aui-radio" v-on:click="editType(1)" v-bind:checked="ChangeType==1"
                                    style="margin-right: 10px; position: relative; top:16px; width: 1rem; height: 1rem; border-radius: 20px;" type="radio" name="PlanType">增加
                            </label>
                            <label class="label-radio">
                                <input class="aui-radio"  v-on:click="editType(2)" v-bind:checked="ChangeType==2"
                                    style="margin-right: 10px; width: 1rem; position: relative; top:16px; height: 1rem; border-radius: 20px;" type="radio" name="PlanType">减少
                            </label>
                        </div>
                    </div>
                    <div v-if="pointMsg" class="timerdec redcolor">{{pointMsg}}</div>
                    <div class="yf_item">
                        <div class="yf_itemtitle fl">调整数量</div>
                        <div class="yf_iteminput fr">
                            <input type="text" v-model="ChangeNum" placeholder="请输入" @focus="inputNum()" @change="onChangeNum()">
                        </div>
                    </div>
                    

                </div>
               
            </div>
        </div>
        <div class="pagebtn">
            <div class="buttom longwidth" v-on:click="do_save()">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<!-- <script type="text/javascript " src="../script/vue.js "></script> -->
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript " src="js/product_update_num.js"></script>
<script type="text/javascript">
</script>

</html>